为何你的弹球如丝般顺滑？不停歇的球！技术分享！源码相送！

最近有小伙伴玩了【不停歇的球】，问我怎么做到这个流畅度的？于是，我稍做整理，把开发中的一些点提炼出来，有了这篇文章！

 是在2019年年初完成的，在过年的时候放在 facebook 小游戏上线，应该是叫 firing balls 。后来在19年8月中申请了软著，10月份拿到软著后就放在微信小游戏上线了。接着在19年11月初，在头条系小游戏上线（可以在 微信/抖音/头条 搜【不停歇的球】）。

在微信上是成长版，可以通过获取星星升级提升炮台威力。

头条/抖音上是单局版，通过获取星星提升当局炮台威力。

整个游戏主要使用的是物理引擎。除了小球的分组是 ball ，刚体类型为动态。墙和砖块的分组都是 default , 刚体类型为静态。只有小球和其它类型才会产生碰撞。

砖块的生成的规则是根据下落层数和炮台数值随机生成的，砖块的下落是每桢控制的，当位置到底线时，游戏结束。

小球的发射是根据炮台旋转角度，设置线性速度。当小球触碰底部时，回收小球。

砖块、小球、碎片、星星特效都采用对象池管理。

// 获取
let star_item = this._star_pool.shift();
if (!star_item) {
    star_item = cc.instantiate(this.star_ins);
    this.node_top.addChild(star_item);
}
star_item.active = true;

// 回收
star_item.active = false;
this._star_pool.push(star_item);

对于刚体碰撞反馈的缩放，最好采取显示节点缩放，而不是对有刚体的节点直接缩放。因为直接对刚体节点缩放时，会重新构建这个刚体依赖的全部碰撞体。

if (this.icon_hp_reduce.getNumberOfRunningActions() <= 0) {
    this.icon_hp_reduce.active = true;
    this.icon_hp_reduce.opacity = 255;
    this.icon_hp_reduce.runAction(cc.sequence(cc.blink(0.2, 1), cc.callFunc(() => {
        if (this.icon_hp_reduce)
            this.icon_hp_reduce.active = false;
    })));
}

其中有些动画用到了 Tween ，而当时的版本还没有引入 Tween 动画库。我就把白鹭中的 Tween 移植到 creator 中使用。 有需要可以参考以下文章:

界面、资源等管理框架采用的是 github 上一位大佬分享的，现在的版本可能和我用的有所不同，地址如下：

https://github.com/caochao/cocos_creator_proj_base

在 facebook 上线的过程中，曾经因为开始的载入进度条审核失败，最终通过修改载入顺序得以解决。facebook 分享的图片是用 base64 ，有需要的话可以参考以下文章。

微信小游戏的总排行榜和用户数据的存储，采用的是微信云开发中的云函数和数据库，有需要的可以参考以下文章。

微信好友排行榜，用的是论坛大佬给的原生方案，使用简单性能好，链接地址如下：

https://forum.cocos.org/t/topic/76743

关于微信流量主广告接入，也爬了一些小坑，有需要的话可以参考以下文章。

头条系的接入和微信差不多，直接打包发布微信渠道，再接入一个视频分享，具体可以参考张哥写的这篇文章，写的很详细。

以上为白玉无冰使用 Cocos Creator v2.0.8 开发"不停歇的球"项目的技术分享。单局版的代码整理到 github 上(文末有链接)。

如果这篇文章或代码对你有帮助，欢迎将文章或游戏分享给朋友。或者给白玉无冰加个鸡腿🍗。

更多精彩

原创不易！转载请保留文末二维码，以及完整代码获取方式！

源码地址:

https://github.com/baiyuwubing/firing_balls

点击“阅读原文”查看源码地址

我就知道你“在看”▼